<!doctype html>
<html>
<head>
    <title>Simple horizontal slider example</title>
    <style>
        #myslider { width:100%; }
    </style>
</head>
<body>
<div id="myslider">
    <a href="">
        <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181023163631/dabf7b0e7483529432bcab9ad544d69f.jpg" alt="">
    </a>
    <a href="">
        <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181023163630/418acd4e2e6821c18fff5f951126df5d.jpg" alt="">
    </a>
    <a href="">
        <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181023163628/c476528b870ccd601e13ecfac5157449.jpg" alt="">
    </a>
</div>
</body>
<script src="../simpleslider.js"></script>
<script>
    var imgSlider = simpleslider.getSlider({
        container: document.getElementById('myslider'),
        prop: 'left',
        init: 0,
        show: 0,
        end: 612,
        unit: 'px'
    });
</script>
</html>